<template>
    <div class="list">
        <list-item title="当前年月" :content="data['year-month']"></list-item>
        <list-item title="今年属性" :content="data.animalsYear"></list-item>
        <list-item title="农历年份" :content="data.lunarYear"></list-item>
        <list-item title="适宜事件" :content="data.suit"></list-item>
        <list-item title="避免事件" :content="data.avoid"></list-item>
    </div>
</template>

<script>
// 导入item组件
import ListItem from './Item';

export default {
    // 注册组件
    components: {
        ListItem
    },
    props: {
        data: {
            type: Object,
            default: {}
        }
    }
}
</script>

<style lang="less" scoped>
    .list {
        padding: .15rem;
        box-sizing: border-box;
    }
</style>